<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

  <link href="EE\css\bootstrap.min.css" rel="stylesheet" type="text/css">
  <link href="EE\css\material-kit.css" rel="stylesheet" type="text/css">
<link href="EE\css\Sparql.css" rel="stylesheet" type="text/css">
<script src="EE\js\jquery.min.js"></script>
<script src="EE\js\bootstrap-datepicker.js"></script>
<script src="EE\js\bootstrap.min.js"></script>

<script src="EE\js\Sparql.js"></script>
<script src="EE\js\material-kit.js"></script>
<script src="EE\js\material.min.js"></script>
<script src="EE\js\nouislider.min.js"></script>



</head>

<body >
 <div >
  <!-- logo -->   
<nav style="background-image: url(EE/img/bc.jpg);"class="navbar navbar-info" role="navigation">
  
    <img style="width:350px;display:inline"src="EE\img\logo.png"> 
	<span style="display:inline;float:right;padding-top: 25px;"><a href="Info.html" style="color:#fff;font-size:15px"id="username"></a>&nbsp&nbsp欢迎！</span>
</nav>
<!-- 下方 -->
<div class="row-fluid"  >
   <!-- 侧栏 -->
   <div class="col-md-1 col-xs-3 col-sm-3 col-lg-3 left-div" id="sidebar">
   <ul class="nav nav-pills nav-stacked">

   <li ></li>  
   <li class="active"><a href="#" >首页</a></li>
      <li class="nav-header" style="background-color:#ddd">
					案例浏览
				</li>
    <li ><a href="overview.html">案例列表</a></li> 
   <li  ><a href="Sparql.html">语义查询</a></li>
   
 
</ul>
<ul class="nav nav-pills nav-stacked">

   <li ></li>  
  
   <li ><a href="intro.html">PREFIX介绍</a></li>
   <li ><a href="BDMap.html">地图展示</a></li>
       <li class="nav-header" style="background-color:#ddd">
					个人中心
				</li>
				<li >
					<a href="Info.html">编辑资料</a>
				</li>
</ul>
 </div>
   
<!-- 内容页 -->   
<div id="content" class="col-md-10 col-xs-10 col-sm-10 col-lg-10 content-div" >
<div id="myCarousel" class="carousel slide" interval="500">
    <!-- 轮播（Carousel）指标 -->
    <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
        <li data-target="#myCarousel" data-slide-to="3"></li>
    </ol>   
    <!-- 轮播（Carousel）项目 -->
    <div class="carousel-inner">
    <div class="item active">
            <img src="EE/img/s0.png" alt="First slide">
        </div>
        <div class="item">
            <img src="EE/img/s1.jpg" alt="First slide">
        </div>
        <div class="item">
            <img src="EE/img/s2.jpg" alt="Second slide">
        </div>
        <div class="item">
            <img src="EE/img/s4.jpg" alt="Third slide">
        </div>
    </div>
    <!-- 轮播（Carousel）导航 -->
    <a class="carousel-control left" href="#myCarousel" 
        data-slide="prev">&lsaquo;
    </a>
    <a class="carousel-control right" href="#myCarousel" 
        data-slide="next">&rsaquo;
    </a>
</div>
 </div>
</body>